﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="IWebApp2.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">

<script runat="server">

protected void Button_Click(object sender,EventArgs e)
{
Label1.Text = "You selected " + DropDownList1.SelectedItem.Text;
}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    int indexNum;
    indexNum = DropDownList1.SelectedIndex;
    //Response.Write(indexNum);
}


protected void DropDownList1_TextChanged(object sender, EventArgs e)
{
    DropDownList1.Items.Add("Maricar");
    
}   

</script>






<style type="text/css">
	/* START CSS only needed for this demo page */
	body{	/* Styling the body element */	
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin:0px;
		padding:0px;
		height:100%;
		font-size:0.9em;
		line-height:130%;
		background-color:#E2EBED;
	}	
	a{
		color:#D60808;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underlin;
	}
	
	#chatFrame ul{
		padding-left:20px;
		margin-left:0px;
	}
	#chatFrame div{
		padding:3px;
	}
	#mainContent{
		width:660px;
		margin-left:150px;
		background-color:#FFF;
		padding-right:5px;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		
	}

	/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */
	
	#chatFrame{	/* Styling the help panel */
		
		/* background-color:#3c94c8;	Blue background color */
		/*color:#FFF;	 White text color */
		/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	 Which font to use */
		
		/* You shouldn't change these 5 options unless you need to */		
		height:70%;		
		left:0px;
		z-index:10;
		margin-top:50px;
		position:absolute;
		display:none;
	}
	
	#chatFrame #leftPanelContent
	{  
		padding:0px;
		height:220px;   /*margin from top*/
		margin-top:70px;/*distance from top*/
	
	}
	#chatFrame .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#chatFrame .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}	
	
	
	    

        #chatFrame
        {
            width: 251px;
            height: 400px;
        }
        table.floatingHeader
        {
	    background-color: #0000ff;
	    color:#ffffff;
        }
     
  
	
	
	</style>











 	<script type="text/javascript" src="JS-CSS/Slide.js">
	</script>
  

    <title>Untitled Page</title>
</head>
<body>
    <form id="Form1" runat="server">
<h3>DropDownList Example
</h3>
Select an item from the list and click the submit button.
<p>
<asp:DropDownList id="DropDownList1" runat="server"
OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
AutoPostBack="True" ontextchanged="DropDownList1_TextChanged">
<asp:ListItem Value="Item 1">Item 1</asp:ListItem>
<asp:ListItem Value="Item 2">Item 2</asp:ListItem>
<asp:ListItem Value="Item 3">Item 3</asp:ListItem>
<asp:ListItem Value="Item 4">Item 4</asp:ListItem>
</asp:DropDownList>
<br />
<br />
<asp:Button id="Button1" onclick="Button_Click" runat="server"
Text="Submit"></asp:Button>
<br />
<br />
<asp:Label id="Label1" runat="server"></asp:Label>
</p>

<iframe marginwidth='0' marginheight='0' scrolling='no' 
            id='leftPanelContent' frameborder='0' src='http://localhost:2640/WebForm3.aspx' 
            
            style="background-image: url('Images/sign_in_whole.png'); visibility: visible;">
        </iframe> 

</form>
</body>
</html>
